博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Django高亮Markdown代码
阅读量:6564 次
发布时间:2019-06-24

本文共 883 字,大约阅读时间需要 2 分钟。

hot3.png

###概述

自从用了markdown写文档就爱不释手, 可是总有点遗憾, 那就是代码高亮。把代码块打扮的好看点也总算对得起代码。Django要高亮markdown中的代码确实很简单, 只需要以下三步(当然前提是要先装了Django的markup app,使用方法参考 https://docs.djangoproject.com/en/1.4/ref/contrib/markup/)。 本文首先参考了 和 两篇文章, 将两个文章中的情景做了下总结。

###下载Pygements 代码样式

首先可以到 Pygements 官网查看样式, 在选择样式, 然后查看源代码, 将 /media/pygments_style.css 的代码拷贝下来存到一个css文件里即可。

或者如果觉得麻烦还可以到 https://github.com/icco/pygments-css 直接下载css。

但是不论下载哪个, 都要做个小修改。 对于从demo页面取下来的代码,将里面的 .syntax 替换为 .codehilite。对于从github下载的样式,将里面的 .highlight 替换为 .codehilite 即可。

###代码样式引入HTML

这步简单, 在模版中添加引入css的代码即可

:::Html

###渲染代码块

此处可能涉及到两种用法,

  1. 在代码中渲染

    :::Python     import markdown md = markdown.Markdown(extensions=['codehilite'])
  2. 在模版中渲染

    :::Django {% load markup %} {
    { post.body|markdown:'codehilite'}}

###总结

pygements会自动识别代码类别, 如果不放心的话可以再代码块前加上 :::{Language} 指明语言即可。

参考资料:

[1]

[2]

转载于:https://my.oschina.net/GivingOnenessDestiny/blog/144625

你可能感兴趣的文章
基金项目的英文
查看>>
《软件性能测试与LoadRunner实战教程》喜马拉雅有声图书上线
查看>>
ios 字典转模型
查看>>
Java类集
查看>>
类的生命周期
查看>>
php apache用户写文件夹权限设置
查看>>
浅析rune数据类型
查看>>
普通用户开启AUTOTRACE 功能
查看>>
游侠原创:推荐一款免费的Syslog转发工具
查看>>
onAttachedToWindow和onDetachedFromWindow调用时机源码解析
查看>>
根据Servlet的Filter自定义实现字符编码过滤器
查看>>
oh-my-zsh安装与配置
查看>>
团队随笔
查看>>
1.7 文件目录管理及相关的命令使用方法
查看>>
类成员与类的实例成员
查看>>
Spark源码编译并在YARN上运行WordCount实例
查看>>
Spring AOP + AspectJ annotation example
查看>>
Spring VS EJB 3 的若干认识误区(转)
查看>>
React.js初探(一)
查看>>
json_encode后的中文不编码成unicode
查看>>